<template>
  <div>
      <h1 v-show="isShow">我是h1</h1>
      <h2 v-if="isOk">我是h2</h2>
      <!-- v-show隐藏：采用的是display：none；（频繁切换）  
      v-if隐藏：采用的是DOM树上直接移除（移除）
       -->
       <p v-if="age >= 18">成年了</p>
       <p v-else>未成年</p>
  </div>
</template>

<script>
export default {
    data () {
        
        return {
            isShow:true,
            isOk:false,
            age:20
        }
    }
}
</script>

<style>

</style>